<template>
  <div class="">
    <p>子组件</p>
    <p>count {{ modelValue }}</p>
    <p>message {{ message }}</p>
    <button @click="emit('update:modelValue', 20)">change</button>,
    <button @click="emit('update:message', '你是个好人')">change2</button>
  </div>
</template>

<script lang="ts" setup>
defineProps<{ modelValue: number; message: string }>()
const emit = defineEmits<{
  (e: 'update:modelValue', value: number): void
  (e: 'update:message', value: string): void
}>()
</script>

<style scoped></style>
